<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
  </head>
<body>

  <label>请输入北京今天空气质量：<input id="aqi-input" type="text"></label>
  <button id="button">确认填写</button>

  <div>您输入的值是：<span id="aqi-display">尚无录入</span></div>

<script type="text/javascript">

(function() {
  /*    
  在注释下方写下代码
  给按钮button绑定一个点击事件
  在事件处理函数中
  获取aqi-input输入的值，并显示在aqi-display中
  */
    // 获取elem
    // var button = document.getElementById("button");
    //    input = document.getElementById("aqi-input");
    //    output = document.getElementById("aqi-display");
    var $ = function(id){
        return document.getElementById(id);
    }
    var copy = function(){
        var val = $("aqi-input").value;
        $("aqi-display").innerHTML = val;
    }
    $("button").addEventListener("click",function(){
        copy();
    });
    $("aqi-input").addEventListener("keyup",function(e){
        if (e.keyCode === 13) {
            copy();
        }
    });

})();

</script>
</body>
</html>